<template>
    <div class="container">
        <SideBar></SideBar>
        <main class="content">
            <Top></Top>
            <div class="building_container">
              <h1 class="creating">建设中，敬请期待</h1>
            </div>
        </main>
    </div>
  </template>
  
  <script setup>
  // 如果需要在 Home 页面处理逻辑可以在这里写
  import { ref, reactive } from 'vue'
 
  
  </script>
  
  <style scoped>
  .container {
    display: flex; 
    min-height: 100vh; 
    background: linear-gradient(180deg, rgba(30, 30, 64, 1) 0%, rgba(32, 32, 50, 1) 100%);
  }
  
  .content {
    flex: 1; /* 自动填充剩余空间 */
    overflow-y: auto; /* 允许垂直滚动 */
  }
 
  </style>
  